<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title></title>
</head>

<body>
    <form id="form1" runat="server">
        <div id="div_excel" runat="server" style="margin-top: 10px;margin-left:30px;">
            <ul class="forminfo">
                <li style="height: 40px; line-height: 40px;"><i style="color: Red;">只支持.xlsx格式和.xls格式文件。</i><b><a
                href="../download/血池控制模板文档.xlsx" style="color: Blue; text-decoration: underline;">下载模板文档</a></b></li>
                <li style="height: 40px; line-height: 40px;"><i style="color: Red;"><b>血池值大于0表示增加血池，小于0表示扣除血池。</b></i>
                </li>
                <li>
                    <div class="layui-upload">
                        <div class="layui-upload-drag" id="test10">
                            <i class="layui-icon"></i>
                            <p>点击上传，或将文件拖拽到此处</p>
                        </div>

                </li>
                <br/>
                <li><label style="color:red;" id="" ,>已选择文件：</label><label style="color:rgb(2, 151, 238);" id="fileName" ,></label></li>
                <li>
                    <br/>
                    <button type="button" class="layui-btn" id="test9" name="file">开始上传</button>
                </li>
            </ul>
            </div>
    </form>

    <script>
        layui.use('upload', function() {
            var $ = layui.jquery,
                upload = layui.upload;

            //拖拽上传
            upload.render({
                elem: '#test10',
                url: '/sysroomconf/uploadxls',
                auto: false,
                accept: 'file',
                exts: 'xls|xlsx',
                bindAction: '#test9',
                size: 1024,
                multiple: false,
                number: 1,
                done: function(res, index, upload) {
                    console.log("done", res, index, upload)
                        //layer.close(loadindex);
                    if (res.status != 0) {
                        layer.alert("导入失败(" + res.status + ")");
                    } else if (res.message == "") {
                        layer.alert("导入成功");
                    } else {
                        layer.alert("导入失败,Excel文件的第" + res.message + "行有错误,注意是否有格式错误");
                    }
                    layer.closeAll('loading');

                    //document.getElementById("fileName").innerHTML = '';
                    //delete this.files[index]; //删除文件队列已经上传成功的文件
                    return true;
                },
                choose: function(obj) {

                    var files = this.files //obj.pushFile();  //将每次选择的文件追加到文件队列
                    filessave = files;
                    //console.log(obj);
                    //预读本地文件，如果是多文件，则会遍历。(不支持ie8/9)
                    obj.preview(function(index, file, result) {
                        //console.log(index); //得到文件索引
                        //console.log(file); //得到文件对象
                        //console.log(result); //得到文件base64编码，比如图片

                        document.getElementById("fileName").innerHTML = file.name;
                        //这里还可以做一些 append 文件列表 DOM 的操作

                        //obj.upload(index, file); //对上传失败的单个文件重新上传，一般在某个事件中使用
                        //delete files[index]; //删除列表中对应的文件，一般在某个事件中使用
                    });
                },
                before: function(obj) {
                    layer.load();
                },
                error: function(index, upload) {
                    //当上传失败时，你可以生成一个“重新上传”的按钮，点击该按钮时，执行 upload() 方法即可实现重新上传
                    console.log(upload, index);
                    layer.closeAll('loading');
                    layer.alert("上传失败,请重新上传");

                }

            });



        })
    </script>
</body>



</html>